<template>
  <div>
    <van-nav-bar title="个人页面"
                 class="title"></van-nav-bar>
    <topbar></topbar>
    <midbar></midbar>
    <midfamily></midfamily>
    <bottomlist></bottomlist>
  </div>
</template>

<script>
import Bottomlist from '../components/Mine/bottomlist.vue'
import Midbar from '../components/Mine/midbar.vue'
import Midfamily from '../components/Mine/midfamily.vue'
import topbar from '../components/Mine/topbar.vue'
export default {
  name: 'Mine',
  components: {
    topbar,
    Midbar,
    Midfamily,
    Bottomlist
  }
}
</script>
<style scoped>
.van-nav-bar {
  background-color: rgb(114, 202, 205);
}
::v-deep .van-icon,
::v-deep .van-nav-bar__text,
::v-deep .van-ellipsis {
  color: #fff;
}
</style>
